<template>
	<div class="index" >
    <div style="padding: 20px 0px;">
      <el-button type="primary" @click="log = true">申请考试中心</el-button>

      <el-button type="primary" @click="log2 = true">申请考试</el-button>
    </div>

    <el-table :data="tableData"  border  style="width: 100%">
        <el-table-column prop="date" label="考试中心名称"></el-table-column>
        <el-table-column prop="date" label="地址"></el-table-column>
        <el-table-column prop="date" label="负责人"></el-table-column>
    </el-table>

    <el-dialog  title="申请考试中心"  :visible.sync="log"  width="700px" :close-on-click-modal="false" :close-on-press-escape="false">

      <div style="padding: 5px 10px; font-weight: bold; font-size: 18px;" class="flexc">
        基本信息
      </div>
      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">机构名称（中文）：</div>
        <el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input>
      </div>
      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">机构名称（拼音/英文）：</div>
        <el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input>
      </div>
      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">地址（中文）：</div>
        <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
      </div>
      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">机构情况及考试需求情况简介：</div>
        <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
      </div>

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">营业执照/事业单位法人证书：</div>
        <div><chuantu></chuantu></div>
      </div>
      <div style="padding: 5px 10px; font-size: 14px; color: #999;">请上传考试相关情况说明及照片佐证。例如：考试教室数量及内部情况、 听力考试播放音响设备、口语考试教室、口语备考教室等</div>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round>提交申请</el-button>
      </div>

    </el-dialog>

    <el-dialog  title="申请考试"  :visible.sync="log2"  width="700px" :close-on-click-modal="false" :close-on-press-escape="false">

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">考试对象范围：</div>
        <el-select v-model="all.name" style="width: 250px;" placeholder="请选择单次考试人数">
            <el-option label="内部考试不对外" value="30"></el-option>
            <el-option label="对外考试" value="60"></el-option>
        </el-select>
      </div>

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">单次考试人数：</div>
        <el-select v-model="all.name" style="width: 250px;" placeholder="单次考试人数">
            <el-option label="60" value="60"></el-option>
            <el-option label="90" value="90"></el-option>
            <el-option label="120" value="120"></el-option>
            <el-option label="150" value="150"></el-option>
            <el-option label="180" value="180"></el-option>
            <el-option label="210" value="210"></el-option>
            <el-option label="240" value="240"></el-option>
            <el-option label="270" value="270"></el-option>
            <el-option label="300" value="300"></el-option>
        </el-select>
        <el-input v-model="all.name2" type="number" style="width: 250px; " placeholder="请输入单次考试人数"></el-input>
      </div>

      <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">考试日期:</div>
        <el-date-picker v-model="all.time" type="date" value-format="yyyy-MM-dd" style="width: 250px;" placeholder="选择时间"> </el-date-picker>
      </div>

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">考试级别：</div>
        <el-select v-model="all.name" style="width: 250px;" placeholder="请考试级别">
            <el-option label="奥德欧标德语（青少年）语言证书A1" value="1"></el-option>
            <el-option label="奥德欧标德语（成人）语言证书A1" value="2"></el-option>
            <el-option label="奥德欧标德语（青少年）语言证书 A2" value="3"></el-option>
            <el-option label="奥德欧标德语（成人）语言证书A2" value="4"></el-option>
            <el-option label="奥德欧标德语（青少年）语言证书B1" value="5"></el-option>
            <el-option label="奥德欧标德语（成人）语言证书 B1" value="6"></el-option>
            <el-option label="奥德欧标德语（青少年）语言证书B2" value="7"></el-option>
            <el-option label="奥德欧标德语（成人）语言证书 B2" value="8"></el-option>
            <el-option label="奥德欧标德语（针对护理和医学工作者）语言证书 B2" value="9"></el-option>
            <el-option label="奥德欧标德语（青少年）语言证书C1" value="10"></el-option>
            <el-option label="奥德欧标德语（成人）语言证书C1" value="11"></el-option>
            <el-option label="奥德欧标德语（成人）语言证书C2" value="12"></el-option>
            <el-option label="奥德欧标德语（经济德语）语言证书C2" value="13"></el-option>
        </el-select>
      </div>

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">考试科目：</div>
        <el-select v-model="all.name" style="width: 250px;" placeholder="请考试科目">
            <el-option label="听力" value="1"></el-option>
            <el-option label="阅读" value="2"></el-option>
            <el-option label="写作" value="3"></el-option>
            <el-option label="口语" value="4"></el-option>
        </el-select>
      </div>

      <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">考试时间听力:</div>
        <el-date-picker style="width: 400px; margin-right: 20px;" v-model="times" @change="timechange"	clearable value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"	range-separator="——" start-placeholder="开始时间" end-placeholder="结束时间"></el-date-picker>
      </div>
      <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">考试时间阅读:</div>
        <el-date-picker style="width: 400px; margin-right: 20px;" v-model="times" @change="timechange"	clearable value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"	range-separator="——" start-placeholder="开始时间" end-placeholder="结束时间"></el-date-picker>
      </div>
      <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">考试时间写作:</div>
        <el-date-picker style="width: 400px; margin-right: 20px;" v-model="times" @change="timechange"	clearable value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"	range-separator="——" start-placeholder="开始时间" end-placeholder="结束时间"></el-date-picker>
      </div>
      <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">考试时间口语:</div>
        <el-date-picker style="width: 400px; margin-right: 20px;" v-model="times" @change="timechange"	clearable value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"	range-separator="——" start-placeholder="开始时间" end-placeholder="结束时间"></el-date-picker>
      </div>

      <!-- <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">选择考场：</div>
        <el-select v-model="all.name" style="width: 250px;" placeholder="请选择考场">
            <el-option label="A" value="30"></el-option>
            <el-option label="B" value="60"></el-option>
        </el-select>
      </div>

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">选择考官：</div>
        <el-select v-model="all.name" style="width: 250px;" placeholder="请选择考官">
            <el-option label="A" value="30"></el-option>
            <el-option label="B" value="60"></el-option>
        </el-select>
      </div>

      <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">考试具体位置：</div>
        <el-input v-model="all.name2" type="number" style="width: 250px; " placeholder="请输入考试具体位置"></el-input>
      </div> -->




      <div slot="footer" class="dialog-footer">
        <el-button type="primary" round>提交申请</el-button>
      </div>

    </el-dialog>

	</div>
</template>

<script>
  import chuantu from '../../components/chuantu.vue'
	export default {
		name: 'index',
    components:{
      chuantu
    },
		data() {
			return {
        log2:false,
        all2:{

        },
        times:[],

        log:false,
        all:"",
        tableData: []
			}
		},
		created() {
      this.getlist()

		},
		mounted() {

		},
		methods: {
      timechange:function(){

      },
      getlist:function(){
        axios.post(this.IP_URL+'/user/gettest').then((response)=>{
          if(response.data.errorcode == 0){
            this.tableData = response.data.data
          } else {
            this.$message.error(response.data.reason);
          }
        })
      }
    }
	}
</script>


<style scoped >

</style>
